<template>
    <div class="add_steamer_container">

        <el-breadcrumb separator="/">
            <el-breadcrumb-item>产品</el-breadcrumb-item>
            <el-breadcrumb-item>游轮管理</el-breadcrumb-item>
            <el-breadcrumb-item>邮轮预览</el-breadcrumb-item>
        </el-breadcrumb>

        <!-- 闪购信息 -->
        <el-card>
            <!-- 主体内容 -->
            <div class="add_steamer_content">
                <el-form ref="ruleForm" :rules="rules" :model="ruleForm" label-width="100px">
                    <el-form-item prop="name" class="width380" label="游轮名称：">
                        <el-input v-model="ruleForm.name" disabled></el-input>
                    </el-form-item>

                    <el-form-item prop="content" label="邮轮介绍：">
                        <el-input style="width: 60%;" v-model="ruleForm.content" disabled type="textarea" rows="9"></el-input>
                    </el-form-item>

                    <el-form-item prop="sn" class="width380" label="游轮编号：">
                        <el-input v-model="ruleForm.sn" disabled></el-input>
                    </el-form-item>
                    <el-form-item label="轮船图片：">
                        <img style="width: 200px;" :src="picture" />
                    </el-form-item>
                    <el-form-item label="游轮状态：">
                        <el-radio v-model="ruleForm.radio" disabled label="1">开启</el-radio>
                        <el-radio v-model="ruleForm.radio" disabled label="2">关闭</el-radio>
                    </el-form-item>
                </el-form>

            </div>
        </el-card>

        <!-- 价格管理 -->
        <el-card>
            <!-- title -->
            <el-row class="title" type="flex" justify="space-between">
                <el-col :span="2">舱房管理</el-col>
            </el-row>

            <div class="add_steamer_content">
                <div class="flashover" v-for="(item,index) in bath_room_list" :key="index">
                    <div class="item1">
                        <div class="k">舱位名称：</div>
                        <div class="val">
                            <el-input :value="item.berth_name" style="width: 200px" disabled></el-input>
                        </div>

                    </div>

                    <div class="item1">
                        <div class="k">舱位图片：</div>
                        <div class="val">
                            <img style="width: 150px;" :src="item.image" />
                        </div>

                    </div>
                    <!-- 房间数据 -->
                    <el-table :data="item.price_table" border style="width: 100%;">
                        <el-table-column label="房间名称" width="403">
                            <div class="info_box" slot-scope="scope">
                                <img style="width: 80px;height: 80px;" :src="scope.row.imgs" class="img_box" alt="">
                                <div class="right">
                                    <span>{{ scope.row.name }}</span>
                                    <!--<span class="colo_red">￥83190.00</span>-->
                                    <span>入住{{ scope.row.people_num }}人</span>
                                </div>
                            </div>
                        </el-table-column>

                        <el-table-column prop="size" label="房间面积" width="106">
                        </el-table-column>

                        <el-table-column prop="floor_num" label="房间楼层" width="257">
                        </el-table-column>

                        <el-table-column prop="room_count" label="房间数量" width="110">
                        </el-table-column>

                        <el-table-column prop="people_num" label="入住人数">
                        </el-table-column>
                    </el-table>
                    <div class="line"></div>
                </div>
            </div>
        </el-card>


        <!-- 审核是否通过 -->
        <div class="Auditing" v-if="is_audit === 3">
            <div class="left">
                <span class="my_icon">!</span>
                <span class="text">请仔细检查各项信息！</span>
            </div>
            <div class="right">
                <el-button @click="back">返回</el-button>
                <el-button type="danger" @click="no_pass(2)">审核不通过</el-button>
                <el-button type="primary" @click="pass(1)">审核通过</el-button>
            </div>
        </div>

    </div>
</template>

<script src='../../../static/js/steamer/steamer.js'></script>


<style scoped>
    @import "../../../static/css/steamer/steamer.css";
</style>


